<template>
  <el-form
    ref="form"
    :model="form"
    :rules="rules"
    label-width="80px"
    style="width: 100%"
  >
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="通知名称" prop="name">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
import { PLEASE_INPUT } from "@/util/constant";

export default {
  props: ["moduleList", "configure"],
  data() {
    return {
      visible: false,
      form: {
        name: "",
        // outChainFlag: "1",
        // outChainAddress: "",
      },
      outChainAddressStatus: "1",
      rules: {
        name: [{ required: true, message: PLEASE_INPUT, trigger: "blur" }],
      },
    };
  },
  watch: {
    configure: {
      handler(value) {
        this.form.name = value.name;
      },
      deep: true,
    },
  },
  methods: {
    getContent() {
      return this.form;
    },
  },
};
</script>
<style scoped>
.el-row {
  display: flex;
  flex-wrap: wrap;
}
</style>
